@import "../../_common/commonfunc"

.boxer
  background: #fff
  // padding: $space-default $space-default 250rpx $space-default

.mt40
  margin-top: 40rpx

.demo
  height: calc(100vh - 100rpx)
  color: $color-text-title
  .demo-item
    padding: 0 $space-default
    margin-top: 140rpx
    &:last-child
      padding-bottom: 250rpx
.d-body-flex
  ss-display-flex(row wrap)
  margin-left: -3%
  >.item
    width: 22%
    margin-left: 3%
    box-sizing: border-box
    text-align: center
    border-radius: 47rpx
.d-row
  ss-display-flex(row nowrap, space-between, center)
  line-height: 100rpx
  .desc
    display: flex
  .bb-default
    flex: 1
    margin: 0 $space-default

.p-title-line
  margin-bottom: 50rpx

colorList = bg text text-title text-info text-disabled text-placeholder primary aux-primary aux-success aux-warning aux-fail aux-info hover     
for color in  colorList
  .d-bg-{color}
    background: $color-+color



.ss-xxxx
  &:before
    content: '\e877'
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3491fa), to(#85BDFC));
    // background: linear-gradient(#3491fa 100%, #3491fa 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-clip: text;
    font-size: 80rpx;